<template>
  <div style="height: 100%">
    <div class="data_left01" style="padding-top: 5px;">
      <div class="dataAll">
        <div class="dataAllBorder01">
          <div class="dataAllBorder02">
            <div class="data_tit1">拌合站产量分析</div>
            <div class="data_chart" id="buyTime"></div>
          </div>
        </div>
      </div>
      <div class="dataAll">
        <div class="dataAllBorder01">
          <div class="dataAllBorder02">
            <div class="data_tit1">混凝土拌合站用料分析</div>
            <p class="data_chart" id="Package01"></p>
          </div>
        </div>
      </div>
      <div class="dataAll">
        <div class="dataAllBorder01">
          <div class="dataAllBorder02">
            <div class="data_tit1">沥青拌合站用料分析</div>
            <p class="data_chart" id="rode01"></p>
          </div>
        </div>
      </div>
    </div>
    <div class="data_left01"  style="padding-top: 5px;">
      <div class="dataAll">
        <div class="dataAllBorder01">
          <div class="dataAllBorder02">
            <div class="data_tit1">沥青配合格率分析</div>
            <p class="data_chart" id="bookAret"></p>
          </div>
        </div>
      </div>
      <div class="dataAll">
        <div class="dataAllBorder01">
          <div class="dataAllBorder02">
            <div class="data_tit1">沥青拌合站产量分析</div>
            <p class="data_chart" id="bookBmonth"></p>
          </div>
        </div>
      </div>
      <div class="dataAll">
        <div class="dataAllBorder01">
          <div class="dataAllBorder02">
            <div class="data_tit1">天气影响产量分析</div>
            <p class="data_chart" id="whearAbook"></p>
          </div>
        </div>
      </div>
    </div>
    <div class="data_left02" style="padding-top: 5px;">
      <div class="dataAll01">
        <div class="dataAllBorder01">
          <div class="dataAllBorder02">
            <div class="data_tit2">数据汇总</div>
          </div>
        </div>
      </div>
      <div class="dataAll02">
        <div class="dataAllBorder01">
          <div class="dataAllBorder02">
            <div class="data_tit1">混凝土和沥青拌合站用量对比分析</div>
            <p class="data_chart" id="rodeAbook"></p>
          </div>
        </div>
      </div>
    </div>
    <div class="data_left01">
      <div class="dataAll">
        <div class="dataAllBorder01">
          <div class="dataAllBorder02">
            <div class="data_tit1">季节产能分析</div>
            <p class="data_chart" id="seaAbook01"></p>
          </div>
        </div>
      </div>
      <div class="dataAll">
        <div class="dataAllBorder01">
          <div class="dataAllBorder02">
            <div class="data_tit1">各标段产能分析</div>
            <p class="data_chart" id="actionBook"></p>
          </div>
        </div>
      </div>
      <div class="dataAll">
        <div class="dataAllBorder01">
          <div class="dataAllBorder02">
            <div class="data_tit1">产能优良率分析</div>
            <p class="data_chart" id="sperceBook01"></p>
          </div>
        </div>
      </div>

    </div>
  </div>
</template>

<script>
  export default {
    name: "index",
    data() {
      return {

      }
    }
  }
</script>

<style lang="scss" scoped>
  @import "~@/assets/screen/screen2/scss/common.scss";
</style>
